import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
	// 根路径
	{
		path: '/',
		redirect: '/home'
	},
	// 登录
	{
		path: '/info',
		component: () => import( /* webpackChunkName: "login" */ '../views/@/views/personal_info.vue')
	},
	// 首页
	{
		path: '/person',
		redirect: '/welcome',
		component: () => import( /* webpackChunkName: "home" */ '../pages/person/@/pages/person/person.vue'),
		children: [
			// 欢迎页
			{
				path: '/welcome',
				component: () => import( /* webpackChunkName: "welcome" */ '../views/Welcome.vue')
			}

		]
	}
]

// 创建路由实例
const router = new VueRouter({
	routes
})
// 全局路由守卫
// 1、判断请求路径是否是/login 如果是则放行
// 2、如果不是/login 校验sessionStroage中有没有token
//    a. 如果有 放行
//    b. 如果没有 则跳回登陆页
router.beforeEach((to, from, next) => {
	// 如果访问的路径不是登陆页 进行拦截
	if (to.path != '/login') {
		let token = sessionStorage.getItem('token')
		// 1、vuex校验
		// 2、发送到服务器进行校验
		// 3、后续的请求都需要正确的token
		if (token) {
			// 有token直接放行
			next()
		} else {
			// 没有token则让用户回到登陆页
			next('/login')
		}
	} else {
		next()
	}
})

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
	// 根路径
	{
		path: '/',
		redirect: '/home'
	},
	// 登录
	{
		path: '/info',
		component: () => import( /* webpackChunkName: "login" */ '../views/@/views/personal_info.vue')
	},
	// 首页
	{
		path: '/person',
		redirect: '/welcome',
		component: () => import( /* webpackChunkName: "home" */ '../pages/person/@/pages/person/person.vue'),
		children: [
			// 欢迎页
			{
				path: '/welcome',
				component: () => import( /* webpackChunkName: "welcome" */ '../views/Welcome.vue')
			}

		]
	},
	// 关注
	{
		path: '/guanzhu',
		component: () => import( /* webpackChunkName: "login" */ '../views/@/person/guanzhu.vue')
	},
	// 粉丝
	{
		path: '/guanzhu',
		component: () => import( /* webpackChunkName: "login" */ '../views/@/person/fensi.vue')
	},
]

// 创建路由实例
const router = new VueRouter({
	routes
})
// 全局路由守卫
// 1、判断请求路径是否是/login 如果是则放行
// 2、如果不是/login 校验sessionStroage中有没有token
//    a. 如果有 放行
//    b. 如果没有 则跳回登陆页
router.beforeEach((to, from, next) => {
	// 如果访问的路径不是登陆页 进行拦截
	if (to.path != '/login') {
		let token = sessionStorage.getItem('token')
		// 1、vuex校验
		// 2、发送到服务器进行校验
		// 3、后续的请求都需要正确的token
		if (token) {
			// 有token直接放行
			next()
		} else {
			// 没有token则让用户回到登陆页
			next('/login')
		}
	} else {
		next()
	}
})

export default router